<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/styles.css"> 
  <title>小危的个人展示页面</title>
</head>

<body>
  <header>
    <div class="logo">小危的家乡</div>
    <nav>
      <a href="#">旅游景点</a>
      <a href="#">家乡美食</a>
    </nav>
  </header>

  <section class="food-section">
    <h2>家乡美食</h2>
    <div class="food-item">
      <img src="image/01.png">
      <a href="#" class="btn">簸箕粄</a>
    </div>
    <div class="food-item">
      <img src="image/02.png">
      <a href="#" class="btn">署包子</a>
    </div>
    <div class="food-item">
      <img src="image/03.png">
      <a href="#" class="btn">酿豆腐</a>
    </div>
  </section>

    <section class="view-section">
      <h2>旅游景点</h2>
      <div class="view-item">
        <img src="image/04.png">
        <a href="#" class="btn">梁野山</a>
      </div>
      <div class="view-item">
        <img src="image/05.png">
        <a href="#" class="btn">百家大院</a>
      </div>
      <div class="view-item">
        <img src="image/06.png">
        <a href="#" class="btn">千鹭湖</a>
      </div>
    </section>
      
  <footer>
   <p>欢迎来武平，来武平我氧你</p>
   <img src="image/07.png">
   <p class="copyright">版权所有&copy;小危</p>
  </footer>
</body>

</html>